.timeinput {
	zoom: 1;
	display:inline-block;
}
.timeinput:after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
}
.timeinput .hour, .timeinput .minute {
	position: relative;
	float:left;
}
.timeinput .seperator {
	float:left;
	padding: 0 2px;
}
.timeinput .hour .hourtext, .timeinput .minute .minutetext {
	width: 40px;
	line-height:16px;
	height:16px;
	padding: 2px;
}
.timeinput .hour .control, .timeinput .minute .control {
	height: 16px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 15px;
}
.timeinput .control .up, .timeinput .control .down {
	background-image:url(../image/timeinputbg.png);
	background-repeat:no-repeat;
	width:15px;
	height:8px;
	text-indent:-999em;
	display: block;
}
.timeinput .control .up {
	background-position:0 0;
}
.timeinput .control .down {
	background-position:0 -8px;
}
.timeinput ul.suggestlist {
	background: #FFFFFF;
	padding: 0;
	margin:0;
	position: absolute;
	width: 44px;
	border:1px solid #AAA;
	border-radius: 3px;
	left:0;
	top:20px;
	z-index: 1;
}
.timeinput ul.suggestlist li {
	list-style: none;
	padding: 2px 5px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}
.timeinput ul.suggestlist li:last-child {
	border-bottom: none;
}
.timeinput ul.suggestlist li.selected, .timeinput ul.suggestlist li:hover {
	background: #f0f0f0;
}

